<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // *****
        //  ****
        //   ***
        //    **
        //     *

        // 手敲的时候   重复的做 打印空格 打印星号  打印换行


        // 11111   0个2   5个1        
        // 21111   1个2   4个1
        // 22111   2个2   3个1
        // 22211   3个2   2个1
        // 22221   4个2   1个1

        // 手敲的时候   重复的做 打印2 打印1  打印换行

        // 外层循环在控制行数
        for(var i = 0 ; i < 5 ; i++) {

            // 1 打印2  --- 多个     2的个数总是比行数少一个
            for(var j = 0 ; j < i ; j++) {
                document.write(2) ;
            }

            // 2 打印1 --- 多个   1的个数也跟行数有关系   总共5行  
            for(var k = 0 ; k < 5 - i ; k++) {
                document.write(1) ;
            }

            // 3 打印换行
            document.write('<br>') ;
        }



        // i = 0 
        //     j = 0  跳出  不会打印2
        // i = 1 
        //     j = 0  2 
        //     j = 1  跳出    




        // i = 0 
        //    k = 0  1
        //    k = 1  1
        //    k = 2  1 
        //    k = 3  1 
        //    k = 4  1 
        //    k = 5  跳出


        

    </script>
    
</body>
</html>